
<div id="compare_layout_1" class="hidden">

    <div id="map1" class="map_container compare_map"> 
        <div class="map"></div>
        <!-- zoom-control -->
        <div class="zoom_control">
          <a href="#zoom_in" class="zoom_in">zoom_in</a>
          <a href="#zoom_out" class="zoom_out">zoom_out</a>
        </div>
        <!-- end zoom control -->
        <div class="layer_editor"><img src="/static/img/layers_editor.png"></img></div>
    </div>

    <div id="map2" class="map_container compare_map"> 
        <div class="map"></div>
        <!-- zoom-control -->
        <div class="zoom_control">
          <a href="#zoom_in" class="zoom_in">zoom_in</a>
          <a href="#zoom_out" class="zoom_out">zoom_out</a>
        </div>
        <!-- end zoom control -->
        <div class="layer_editor"><img src="/static/img/layers_editor.png"></img></div>
    </div>

    <div id="map3" class="map_container compare_map"> 
        <div class="map"></div>
        <!-- zoom-control -->
        <div class="zoom_control">
          <a href="#zoom_in" class="zoom_in">zoom_in</a>
          <a href="#zoom_out" class="zoom_out">zoom_out</a>
        </div>
        <!-- end zoom control -->
        <div class="layer_editor"><img src="/static/img/layers_editor.png"></img></div>
    </div>

</div>
